<!--  -->
<template>
    <div class='content'>
        <ul>
            <li>{{msg1}}</li>
            <li>{{msg2}}</li>
            <li>{{msg3}}</li>
        </ul>
    </div>
</template>

<script>
export default {
    name:'App',
    data() {
        return {

        }
    },
    computed: {
        ...mapState([
            'msg1', 'msg2', 'msg3'
        ])
    }
    /**
     * 当使用...mapState后，组件使用store里的数据不需要再通过this.$store.state....
     */
}
</script>

<style scoped>

</style>
